#top-bar {
  margin-top: 20px;
  margin-bottom: 8px;
  font-size: 14px;
  .container_wrapper {
    color: var(--text-color);
    text-align: center;

    .top-bar-top {
      background-color: var(--bg-color);
      padding: 9.5px 30px;
      a {
        color: inherit;
        line-height: 1.1;
      }
      .zuui-share-link {
        svg {
          width: 20px;
          height: 20px;
          transition: all 0.1s ease 0s;
          &:hover {
            transform: scale(1.07);
          }
        }
      }
    }
  }
}


search-popup {
  background-color: var(--nav-bg);
  display: none;
  &.show {
    display: block;
  }
  form {
    .input_wrap {
      background-color: rgba(0,0,0,0.05);
      input {
        padding: 12px 20px;
        background-color: transparent;
        line-height: 1.5em;
        &::placeholder {
          color: var(--text-color);
        }
      }
      button {
        background-color: transparent;
      }
    }
  }
}